@charset "UTF-8";

/*RESET*/
html {height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:separate;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
em,strong{}
ol,ul {list-style:none;}
caption {text-align:center; padding:10px 0; border-top:solid 1px #A1BDC4;}
th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; line-height:200%; margin:0; padding:0;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

h1, h2, h3 {font-weight:normal;}
h3 {font-size:18px;}
h2 {font-size:16px;}
h1 {font-size:24px;}
.title {font-size:16px;}
/*MAIN*/
body {font-size:12px; color:#CCC; font-family:arial,sans-serif; background:#222 url(/public/images/body_bg.png) scroll repeat 0 0;}
a {color:#FFF; outline:none; text-decoration:none;}
a:hover {color:#990000;}
a[href $='.pdf'] {display:block; padding:0 0 0 18px; background:transparent url(/public/images/pdf.png) no-repeat center left;}
img {border: none; vertical-align: middle;}
p {padding:10px 0; line-height:140%;}
.cl {clear:both; line-height:0;}
.fl {float:left;}
.fr {float:right;}
label {font-size:13px; color:#FFF; display:block; padding:3px 0;}
label span {color:#eb0000; padding:0 3px; }


input, textarea {color:#333; font-family:arial,sans-serif; font-size:13px; background-color:#080808; border:solid 1px #a1a1a1; padding:10px; -moz-border-radius:3px;}
input:focus, textarea:focus {background-color:#ffffcc;}
.inputBig {width:520px;}
/* IE radio button fix */
.radio {vertical-align:middle; background:transparent !important; border:none !important; width:auto !important; margin:0 3px 0 0;}

/*BUILD*/
.headerW {background:#111 url("/public/images/headerW_bg.png") scroll no-repeat top center; border-bottom:solid 1px #1d1d1d;}
.header {width:960px; margin:0 auto; position:relative; height:150px;}

.footerW {background:#111 url("/public/images/footerW_bg.png") scroll no-repeat top center; border-top:solid 1px #1d1d1d;}
.footer {overflow:hidden; width:960px; margin:0 auto; padding:50px 0; line-height:20px; color:#CCC; font-size:11px;}
.footer .info {text-align:right;}
.content {width:960px; margin:0 auto 50px; position:relative;}

.breadcrumb {position:absolute; bottom:0; left:330px; line-height:30px; font-size:11px;}
.breadcrumb li {float:left; padding:0 0 0 5px;}
.breadcrumb li a {display:block; padding:0 25px 0 0; background:transparent url("/public/images/bread_bg.png") scroll no-repeat right top;}

.mainNav {position:absolute; bottom:30px; right:-1px;}
.mainNav li {float:left;}
.mainNav a {display:block; height:51px; background-image: url("/public/images/nav_bg.png");}
.mainNav .motori {width:92px; background-position:0 0;}
.mainNav .motori:hover, .motori.active {background-position:0 -51px;}
.mainNav .racing  {width:90px; background-position:-92px 0;}
.mainNav .racing:hover, .racing.active  {width:90px; background-position:-92px -51px;}
.mainNav .oprema {width:97px; background-position:-182px 0;}
.mainNav .oprema:hover, .oprema.active {width:97px; background-position:-182px -51px;}
.mainNav .novosti {width:99px; background-position:-279px 0;}
.mainNav .novosti:hover, .novosti.active {width:99px; background-position:-279px -51px;}
.mainNav .servisnaMreza {width:154px; background-position:-378px 0;}
.mainNav .servisnaMreza:hover, .servisnaMreza.active {width:154px; background-position:-378px -51px;}
.mainNav .kontakt {width:102px; background-position:-532px 0;}
.mainNav .kontakt:hover, .kontakt.active {width:102px; background-position:-532px -51px;}

.subNav {padding-right:2px; position:absolute; top:-30px; right:-1px; background:#000 url("/public/images/subnav_bg.png") scroll no-repeat top right;}
.subNav li {float:left; line-height:40px; background:transparent url("/public/images/subnav_bg.png") scroll no-repeat top left;}
.subNav a {display:block; padding:0 20px; height:40px; color:#CCC;}
.subNav a:hover, .subNav .active, .subNav .active:hover {color:#FFF;}

.slider {overflow:hidden; border:solid 1px #222; margin:30px 0 0; border-top:none; border-bottom:none;}
.slider li {float:left;}
.slider li.link a {display:block; padding:15px 20px 0; width:200px; height:140px; background-image: url("/public/images/slider_bg.png");}
.slider li.link a.active {background-position:0 -160px;}
.slider .novosti {width:198px; padding:15px 20px 0; height:140px; background:transparent url("/public/images/novosti_bg.png") scroll no-repeat top left;}
.slider .novosti a {padding:5px 0; display:block;}
.slider .title {line-height:200%;}


.slider img {padding:10px 0 0;}

.homeInfo {background:#222 url("/public/images/info_bg.png") scroll no-repeat top left; overflow:hidden; border-bottom:solid 1px #2D2D2D; margin:30px 0 0;}
.homeInfo li {float:left; width:200px; padding:20px;}

.tech {background:#222 url("/public/images/tech_bg.png") scroll no-repeat top left; overflow:hidden; border-bottom:solid 1px #2D2D2D; margin:30px 0 0; padding:20px;}
table.parts {margin:10px 0; border:solid 1px #2d2d2d; border-top:none; border-right:none;}
.parts td {padding:5px; border:solid 1px #2d2d2d; border-bottom:none; border-left:none;}
.parts strong {color:#FFF;}
table.general {margin:10px 0; color:#FFF;}
.general td {padding:5px 6px; }


.bikes {width:960px; height:120px; margin:0 auto; background-color:#000; font-size:11px; position:relative; z-index:1;}
.bikes > li {width:140px; float:left; padding:10px 10px 0; position:relative;}
.bikes > li > a {display:block;}
.bikes ul {display:none; width:140px; padding:0 10px 5px; background-color:#000; position:absolute; left:0; top:120px;}
.bikes ul a {display:block; padding:2px 0;}
.bikes:hover ul {display:block;}

.maping {font-size:11px; overflow:hidden; margin:30px 0 0; padding:30px 0 0; border-top:solid 1px #2d2d2d;}
.maping > li {float:left; width:160px;}
.maping ul {padding:5px 0;}


.imageThumbs {overflow:hidden; margin:30px 0 0; height:125px; background-color:#000;}
.thumbs {margin-left:320px;}
.thumbs li {float:left;}
.focus {width:160px; height:125px; background-image: url(/public/images/focus.png); position:absolute; top:452px;; left:320px;}

.banner {overflow:hidden; margin:30px 0 0; border:solid 1px #000; border-left:none; border-right:none;}
.image {overflow:hidden; margin:30px 0 0; height:420px; border:solid 1px #000; border-left:none; border-right:none;}
.images li {float:left;}
.logo {position:absolute; top:40px; left:100px;}

.arrowLeft, .arrowRight {position:absolute; top:200px; width:61px; height:61px; display:block; background-image: url(/public/images/arrows.png);}
.arrowLeft {background-position:0 0; left:-31px;}
.arrowLeft:hover {background-position:-61px 0;}
.arrowRight {background-position:0 -61px; right:-31px;}
.arrowRight:hover {background-position:-61px -61px;}
/** error / success optional **/
/** Notifications **/
.notif {padding:10px; margin:0 0 5px}
.error {border:solid 1px #cc3333; background-color:#FFCCCC; color:#cc3333; -moz-border-radius:3px;}
.success {border:solid 1px #339900; background-color:#D8FFCF; color:#339900; -moz-border-radius:3px;}
